<template>
  <div class="search-result-toolbar">
    <img src="./../assets/mysearch_logo_small.png"
         class="logo"
         @click="goHome">
    <RoundSearchBar :search="search" />
  </div>
</template>

<script>
import RoundSearchBar from '@/components/RoundSearchBar.vue'
export default {
  name: 'search-result-toolbar',
  props: ['search'],
  components: {
    RoundSearchBar
  },
  methods: {
    goHome () {
      this.$router.push('/')
    }
  }
}
</script>

<style lang="less" scoped>
@import "./../themes/base.less";
.search-result-toolbar {
  text-align: left;
  padding: 20px;
  border-bottom: 1px solid #eee;
}
.logo {
  height: @round-search-bar-height * 0.8;
  vertical-align: middle;
  margin-right: 20px;
}
</style>